<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <f:view>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
            <title>admision</title>
            <link type="text/css" href="../common/css/redmond/jquery-ui-1.8.23.custom.css" rel="stylesheet" />
            <link type="text/css" href="../common/css/administrar.css" rel="stylesheet" />
            <link type="text/css" href="../common/css/ui.panel.css" rel="stylesheet" />    


            <script type="text/javascript" src="../common/js/jquery.layout.js"></script>
            <script type="text/javascript" src="../common/js/jquery-1.8.0.min.js"></script>
            <script type="text/javascript" src="../common/js/jquery-ui-1.8.23.custom.min.js"></script>
            <script type="text/javascript" src="../common/js/citas_asistencia.js"></script>
            <script type="text/javascript" src="../common/js/jquery.validate.js"></script>
            <script type="text/javascript" src="../common/js/messages_es.js"></script>
            <script type="text/javascript" src="../common/js/ui.panel.js"></script>
            <script type="text/javascript" src="../common/js/jquery.qtip-1.0.0-rc3.js"></script>        
            <script type="text/javascript" src="../common/js/interface.js"></script>
            
            <script type="text/javascript" src="../common/js/jquery.pagination.js"></script>
            <script type="text/javascript" src="../common/js/jquery.contextMenu.js"></script>
            <link type="text/css" href="../common/css/jquery.contextMenu.css" rel="stylesheet" />
            <link type="text/css" href="../common/css/pagination.css" rel="stylesheet" />

            <!--<style>
                /*.unavailable a {background-color: blue}
                .available{background-color: green}*/

                td.unavailable, table.ui-datepicker-calendar tbody td.unavailable a { background: orangered; }

                td.ok, table.ui-datepicker-calendar tbody td.ok a { background: #C4E1A4; }


            </style>-->

        </head>
        <body>     
            <table width="100%">
                <tr  class="ui-state-hover">

                    <td align="right">
                        <button id="ayudaBtn">Ayuda</button>               
                    </td>

                </tr>
            </table>  

            <div class="tooltips"></div>


            <div id="panelcitasis">
                <h1>Marcar Asistencia</h1>
                <table width="100%" cellpadding="0" cellspacing="0">
                    <tr align="left">
                        <td>Ips</td>
                        <td>
                            <select id="id_sede" name="id_sede" class="text ui-widget-content"></select>
                        </td>
                    </tr>

                    <tr align="left">
                        <td>Especialidad</td>
                        <td>
                            <select id="id_especialidad" name="id_especialidad" class="text ui-widget-content"></select>
                        </td>
                    </tr>
                    <tr align="left">
                        <td>M&eacute;dico</td>
                        <td>
                            <select id="id_medico" name="id_medico" class="text ui-widget-content" onchange="consultarTurnos()"></select>
                        </td>
                    </tr>
                </table>

                <center>
                    <div id="calendario"></div>
                </center>

                <div id="lista-turnos">                
                </div>

            </div>

            <form id="forcitaasis">  
                <input type="hidden" id="id_paciente" />

            </form>   




        </body>
    </f:view>
</html>
